// 引入 js 文件
import _ from 'lodash';
import './async-module';
// import './app';
import sayHello from './helloWorld';

// 引入 asset 资源
import imgPngSrc from './assets/img1.png';
import imgSvgSrc from './assets/加班_画板 1.svg';
import imgJpgSrc from './assets/672787.jpg';
import text from './assets/demo.txt';
import dataCsv from './assets/data.csv';
import dataXml from './assets/data.xml';
import dataToml from './assets/data.toml';
import dataYaml from './assets/data.yaml';
import dataJson5 from './assets/data.json5';

// 引入其他格式文件 css
import './css/app.css';
import './less/app.less';

// 测试抽离公共模块
console.log(_.join(['index', 'module', 'loaded!'], ' '));

sayHello();

// 创建 img 标签并设置 src 属性
const img = document.createElement('img');
img.src = imgPngSrc;
img.style.cssText = 'height:200px';
document.body.appendChild(img);

const img2 = document.createElement('img');
img2.style.cssText = 'height:200px';
img2.src = imgSvgSrc;
document.body.appendChild(img2);

const img3 = document.createElement('img');
img3.style.cssText = 'height:200px';
img3.src = imgJpgSrc;
document.body.appendChild(img3);

const textDiv = document.createElement('div');
textDiv.style.cssText = 'height:200px;background:lightblue';
textDiv.textContent = text;
textDiv.classList.add('block-bg');
document.body.appendChild(textDiv);

// 设置字体图标二维码
const span = document.createElement('span');
span.classList.add('icon');
span.innerHTML = '&#xe992;';
document.body.appendChild(span);

// 直接打印
console.log(dataCsv); // 数组
console.log(dataXml); // 对象
console.log(dataToml); // 对象
console.log(dataYaml); // 对象
console.log(dataJson5); // 对象

// 懒加载应用
const button = document.createElement('button');
button.textContent = '点击执行加法运算';
button.addEventListener('click', () => {
  // import 参数中添加魔法注释 /**/ 可实现修改打包的文件名称
  import(/* webpackChunkName: 'math', webpackPrefetch: true */ './math').then(({ add }) => {
    console.log(add(4, 5));
  });
});
document.body.appendChild(button);
